@charset "utf-8";
/* CSS Document */
/*index*/
.banner {
  position: relative;
}
.banner .flexslider {
  width: 100%;
}
.banner .slides {
  position: relative;
  z-index: 1;
}
.banner .slides > li {
  height: 100%;
}
.banner .slides > li img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.banner .slides > li > ul {
  position: absolute;
  top: 35%;
  left: 50%;
  margin-left: -309px;
  z-index: 200;
}
.banner .slides > li > ul h1 {
  font-size: 38px;
  color: #fff;
}
.banner .slides > li > ul h1 span {
  font-size: 50px;
}
.banner .slides > li > ul h1 span span {
  color: #0894CB;
}
.banner .slides > li > ul h2 {
  text-align: center;
  font-size: 26px;
  color: #C4C7AF;
  margin-top: 10px;
}
.banner .slides > li > ul > li {
  float: left;
  width: 100px;
  height: 35px;
  font-size: 16px;
  text-align: center;
  line-height: 33px;
  margin: 20px  10px 0;
}
.banner .slides > li > ul > li a {
  color: #fff;
}
.banner .slides > li > ul > li.cases {
  border: 1px solid #fff;
  margin-left: 200px;
}
.banner .slides > li > ul > li.indexs {
  background: #00ADF1;
}
.banner .flex-control-nav {
  display:  none;
}

.banner .flex-direction-nav {
  display:  block;
}

.banner .flex-direction-nav .flex-prev{ top:42%; position:absolute; left:5px;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; z-index:9999; display:block; width:32px; height:60px; background: url(../images/indexleft.png) no-repeat center center}
.banner .flex-direction-nav .flex-prev:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }

.banner .flex-direction-nav .flex-next{top:42%; position:absolute; right:5px;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; z-index:9999; display:block; width:32px; height:60px; background: url(../images/indexright.png) no-repeat center center}
.banner .flex-direction-nav .flex-next:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }